<template>
  <div class="dashboard-container">
    <el-cascader :props="{label:'name',value:'id'}" :options="options" />
    <!-- 封装省市区 -->
    <proCityArea v-model="area" size="mini" @expand-change="fn" />
  </div>
</template>

<script>
import { getPermissionList } from '@/api/permisson'
import { listTree } from '@/utils'
export default {
  data() {
    return {
      options: [],
      area: []
    }
  },
  created() {
    this.getPermissionList()
  },
  methods: {
    async getPermissionList() {
      this.options = listTree(await getPermissionList(), '0')
    //   console.log(this.options)
    },
    fn() {

    }
  }
}
</script>

<style lang="scss">

</style>
